<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <h2 class="oe_slogan">自定义Footer</h2>
            <p class=" oe_slogan text-muted">此模块可以帮助您修改页脚颜色.</p>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class='oe_span12'>
                <div class="bc-span6 img-content">
                        <h4 style="margin: 0;font-size: 15px;background: #c98026;padding: 15px;position: relative;color: #fff;">您需要打开响应式布局.<span class="caret" style="position: absolute;bottom: -11px;left: 18px;border-width: 12px;border-top-color: #c98026;"></span></h4><br>
                    </div>
            <img class="img-border img-responsive thumbnail" src="activate_footer.png" style="width:100%" />
        </div>
    </div>
    <br />
    <div class="oe_row oe_spaced">
        <div class='oe_span12'>
            <div class="bc-span6 img-content">
                <h4 style="margin: 0;font-size: 15px;background: #c98026;padding: 15px;position: relative;color: #fff;">您可以自定义您的页脚颜色.<span class="caret" style="position: absolute;bottom: -11px;left: 18px;border-width: 12px;border-top-color: #c98026;"></span></h4><br>
            </div>
            <img class="img-border img-responsive thumbnail" src="customize_footer.png" style="width:100%;height: 70%;" />
        </div>
    </div>
  
</section>
<section class="oe_container bg-gray-lighter mt92" style="padding: 5px;">
        <div class="oe_row col-md-12 col-sm-12">
            <div class="text-center">
                <h2 style="color:#123246;font-family:segoeuib"><span style="color: #f57303">W</span>hat <span style="color: #f57303">W</span>e
                    <span style="color: #f57303">O</span>ffer</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-sm-2 text-center">
                <img src="footer/icon-1.png">
                <h6 style="margin-top: -10px;font-size: 9px;color:#123246;">Odoo定制化</h6>
            </div>
            <div class="col-md-2 col-sm-2 text-center">
                <img src="footer/icon-2.png">
                <h6 style="margin-top: -1px;font-size: 9px;color:#123246;">Odoo 升级</h6>
            </div>
            <div class="col-md-2 col-sm-2 text-center">
                <img src="footer/icon-3.png">
                <h6 style="margin-top: -1px;font-size: 9px;color:#123246;">响应式设计</h6>
            </div>
            <div class="col-md-2 col-sm-2 text-center">
                <img src="footer/icon-4.png">
                <h6 style="margin-top: -1px;font-size: 9px;color:#123246;">Odoo 配置</h6>
            </div>
            <div class="col-md-2 col-sm-2 text-center">
                <img src="footer/icon-5.png">
                <h6 style="margin-top: -1px;font-size: 9px;color:#123246;">Odoo 网页开发</h6>
            </div>
            <div class="col-md-2 col-sm-2 text-center">
                <img src="footer/icon-6.png">
                <h6 style="margin-top: -1px;font-size: 9px;color:#123246;">Odoo 主题开发</h6>
            </div>
        </div>
    </section>
    
<section class="oe_container" style="background-image:url(footer/footer.gif); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;margin-top: 5%;">
    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
        <div>
            <a style="border: none; background-image: linear-gradient(to right, #f7b603, #f57303); box-shadow: rgba(62, 57, 107, 0.07) 0px 10px 40px 0px, rgba(62, 57, 107, 0.05) 0px 2px 9px 0px; border-radius: 16px; font-size: 14px; padding: 9px 26px; margin-right: 9px; width: 200px; text-transform: capitalize; color: white !important; position: relative; overflow: hidden;" class="btn btn-primary btn-lg mt8" href="mailto:info@openerp.hk"><i class="fa fa-envelope"></i> Email 我们 </a>
            <a style="border: none; background-image: linear-gradient(to right, #f7b603, #f57303); box-shadow: rgba(62, 57, 107, 0.07) 0px 10px 40px 0px, rgba(62, 57, 107, 0.05) 0px 2px 9px 0px; border-radius: 16px; font-size: 14px; padding: 9px 26px; margin-right: 9px; width: 200px; text-transform: capitalize; color: white !important; position: relative; overflow: hidden;" class="btn btn-primary btn-lg mt8" href="https://www.openerp.hk/contactus"><i class="fa fa-phone"></i> 联系我们 </a>
            <a style="border: none; background-image: linear-gradient(to right, #f7b603, #f57303); box-shadow: rgba(62, 57, 107, 0.07) 0px 10px 40px 0px, rgba(62, 57, 107, 0.05) 0px 2px 9px 0px; border-radius: 16px; font-size: 13px; padding: 9px 26px; margin-right: 9px; width: 200px; text-transform: capitalize; color: white !important; position: relative; overflow: hidden;" class="btn btn-primary btn-lg mt8" href="mailto:info@openerp.hk"><i class="fa fa-check-square"></i> 请求定制化 </a>
        </div>
        <br>
        <img src="footer/spt_logo.png" style="margin-bottom: 25px;margin-top: 30px;" class="center-block">
        <div>
          <a href="https://twitter.com/odoohk" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
          <a href="https://www.linkedin.com/company/odoohk" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
          <a href="https://www.facebook.com/odoohk" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
                </div>
                <br/><br/>
                <p style="color:red;"><i>*使用服务表明您已经同意 <a href="https://www.openerp.hk/terms-of-service">Terms of Service</a>. 同时请阅读 <a href="https://www.openerp.hk/privacy-policy">隐私协议</a> for more info.</i></p>
    </div>
</section>